<template>
  <div class="project">
    <div class="poster">
      <img :src="project.imgSrc" :alt="project.gameName">
    </div>
    <div class="discription">
      <div class="name">{{ project.gameName }}</div>
      <ul class="detial">
        <li>【{{ titles.producer }}】：{{ project.producer }}</li>
        <li>【{{ titles.publisher }}】：{{ project.publisher }}</li>
        <li>【{{ titles.participated }}】：{{ project.participated }}</li>
        <li>【Site】：{{ project.InternetSite }}</li>
      </ul>
    </div>
  </div>
</template>

<script lang="ts">
import { Vue, Prop, Component } from 'vue-property-decorator'

@Component({})
export default class Project extends Vue{
  @Prop() project!: any;
  @Prop({ default: {
      producer: "开发商",
      publisher: "发行商",
      participated: "参与部分"
    } }) titles: any;
}
</script>

<style lang="scss" scoped>

</style>